<!DOCTYPE html>
<html lang="en">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>模糊查询-奥迪</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link rel="stylesheet" href="./cssNew/ambigious.css">


</head>
<body>


<div id="div_main">
    <!--表单的autocomplete="off"属性设置可以阻止浏览器默认的提示框-->
    <form autocomplete="off">
        <div id="div_txt">
            <!--要模糊匹配的文本框-->
            <input type="text" id="txt1" />

            <!--模糊匹配窗口-->
            <div id="div_items">
                <div class="div_item">周杰伦</div>
                <div class="div_item">周杰</div>
                <div class="div_item">林俊杰</div>
                <div class="div_item">林宥嘉</div>
                <div class="div_item">林妙可</div>
                <div class="div_item">唐嫣</div>
                <div class="div_item">唐家三少</div>
                <div class="div_item">唐朝盛世</div>
                <div class="div_item">奥迪A4L</div>
                <div class="div_item">奥迪A6L</div>
                <div class="div_item">奥迪A8L</div>
                <div class="div_item">奥迪R8</div>
                <div class="div_item">宝马GT</div>
            </div>
        </div>
    </form>
</div>


<script src="./jsNew/jquery.min.js"></script>
<script src="./jsNew/audiQuery.js?v=20181011"></script>

<script>
    ambigiousInit();
</script>

</body>
</html>